<!DOCTYPE HTML>
<html>
<head>
<title>施工规范 - 详情页</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script type="text/javascript" src="js/jquery-1.2.6.pack.js"></script>
<!--<script type="text/javascript" src="js/content_zoom.js"></script>
&lt;!&ndash;弹出层样式&ndash;&gt;
<style type="text/css">
    /*自适应圆角投影*/
    .round_shade_box{width:1px; height:1px; font-size:0; display:none; _background:white; _border:1px solid #cccccc;}
    .round_shade_top{margin:0 12px 0 10px; background:url(images/zxx_round_shade.png) repeat-x -20px -40px; _background:white; zoom:1;}
    .round_shade_topleft{width:11px; height:10px; background:url(images/zxx_round_shade.png) no-repeat 0 0; _background:none; float:left; margin-left:-11px; position:relative;}
    .round_shade_topright{width:12px; height:10px; background:url(images/zxx_round_shade.png) no-repeat -29px 0; _background:none; float:right; margin-right:-12px; position:relative;}
    .round_shade_centerleft{background:url(images/zxx_round_shade.png) no-repeat 0 -1580px; _background:none;}
    .round_shade_centerright{background:url(images/zxx_round_shade.png) no-repeat right -80px; _background:none;}
    .round_shade_center{font-size:14px; margin:0 12px 0 10px; padding:10px; background:white; letter-spacing:1px; line-height:1.5;}
    .round_shade_bottom{margin:0 12px 0 11px; background:url(images/zxx_round_shade.png) repeat-x -20px bottom; _background:white; zoom:1;}
    .round_shade_bottomleft{width:11px; height:10px; background:url(images/zxx_round_shade.png) no-repeat 0 -30px; _background:none; float:left; margin-left:-11px; position:relative;}
    .round_shade_bottomright{width:12px; height:10px; background:url(images/zxx_round_shade.png) no-repeat -29px -30px; _background:none; float:right; margin-right:-12px; position:relative;}
    .round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidden;}
    .round_box_close{padding:2px 5px; font-size:12px; color:#ffffff; text-decoration:none; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:-5px; top:-5px;}
    .round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);}
    /*自适应圆角投影结束*/
    .zxx_zoom_left{width:45%; float:left; margin-top:20px; border-right:1px solid #dddddd;}
    .zxx_zoom_left h4{margin:5px 0px 15px 5px; font-size:1.1em;}
    .small_pic{display:inline-block; width:48%; height:150px; font-size:120px; text-align:center; *display:inline; zoom:1; vertical-align:middle;}
    .small_pic img{padding:3px; background:#ffffff; border:1px solid #cccccc; vertical-align:middle;}
    .zxx_zoom_right{width:50%; float:left; margin-top:20px; padding-left:2%;}
    .zxx_zoom_right h4{margin:5px 0px; font-size:1.1em;}
    .zxx_zoom_right p.zxx_zoom_word{line-height:1.5; font-size:1.05em; letter-spacing:1px; margin:0 0 35px; padding-top:5px;}
</style>-->

    <!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />

<!-- Custom CSS -->
<link href="css/style.css" rel='stylesheet' type='text/css' />

<!-- font-awesome icons CSS -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons CSS -->

 <!-- side nav css file -->
 <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
 <!-- side nav css file -->
 <link href='css/new-goods.css' media='all' rel='stylesheet' type='text/css'/>
<!--<link href='css/zoomify.min.css' media='all' rel='stylesheet' type='text/css'/>-->

 <!-- js-->
<script src="js/jquery-1.11.1.min.js"></script>
<!--<script src="js/zoomify.min.js"></script>-->
<script src="js/modernizr.custom.js"></script>

<!--webfonts-->
<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
<!--//webfonts--> 

<!-- Metis Menu -->
<script src="js/metisMenu.min.js"></script>
<script src="js/custom.js"></script>
<link href="css/custom.css" rel="stylesheet">

<link href='css/commodity.css' media='all' rel='stylesheet' type='text/css'/>
<!--//Metis Menu -->

<!-- calendar -->
<link rel="stylesheet" href="css/monthly.css">
<!-- //calendar -->

</head> 
<body class="cbp-spmenu-push">
	<div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
		<!--left-fixed -navigation-->
		<aside class="sidebar-left">
     <nav class="navbar navbar-inverse">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <h1><a class="navbar-brand" href="index.html"><span class="fa fa-pie-chart"></span>智能工程管理平台</a></h1>
          </div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="sidebar-menu">
              <li class="header">MAIN NAVIGATION</li>
              <li class="treeview">
                <a href="index.html">
                <i class="fa fa-dashboard"></i> <span>首 页</span>
                </a>
              </li>
			  <li class="treeview">
                <a href="#">
                <i class="fa fa-th"></i>
                <span>分类管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="classify.html"><i class="fa fa-angle-right"></i>材料分类</a></li>
                </ul>
              </li>
              <li class="treeview">
                <a href="#">
               <i class="fa fa-laptop"></i>
                <span>材料管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="commodity.html"><i class="fa fa-angle-right"></i>材料列表</a></li>
                  <li><a href="new-goods.html"><i class="fa fa-angle-right"></i>添加材料</a></li>
                </ul>
              </li>
               <li class="treeview">
                <a href="#">
                <i class="fa fa-edit"></i>
                <span>项目管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                    <li><a href="Message.html"><i class="fa fa-angle-right"></i>进度报告</a></li>
                    <li><a href="Base.html"><i class="fa fa-angle-right"></i>检测报告</a></li>
                    <li><a href="Mountain.html"><i class="fa fa-angle-right"></i>员工考核</a></li>
                    <li><a href="media.html"><i class="fa fa-angle-right"></i>新增项目</a></li>
                </ul>
              </li>
              <li class="treeview">
                <a href="charts.html">
                <i class="fa fa-pie-chart"></i>
                <span>公告管理</span>

                </a>
              </li>
              <li class="treeview">
              <li class="treeview">
                <a href="#">
                <i class="fa fa-laptop"></i>
                <span>用户管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="user.html"><i class="fa fa-angle-right"></i>用户列表</a></li>
                  <li><a href="new-user.html"><i class="fa fa-angle-right"></i>新增用户</a></li>
                </ul>
              </li>
			  <li>
                <a href="literature.html">
                <i class="fa fa-th"></i> <span>施工规范</span>

                </a>
              </li>
               <li class="treeview">
                <a href="#">
                <i class="fa fa-folder"></i> <span>仓库管理</span>
                <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                  <li><a href="tool.html"><i class="fa fa-angle-right"></i>工具管理</a></li><li><a href="vacation.html"><i class="fa fa-angle-right"></i>仓库统计</a></li>
                </ul>
              </li>
                <li class="treeview"> <a href="userStatistics.html"> <i class="fa fa-pie-chart"></i> <span>合格率统计</span> </a> </li>
            </ul>
          </div>
          <!-- /.navbar-collapse -->
      </nav>
    </aside>
	</div>
		<!--left-fixed -navigation-->
		
		<!-- header-starts -->
		<div class="sticky-header header-section ">
			<div class="header-left">
				
				<!--toggle button start-->
				<button id="showLeftPush"><i class="fa fa-bars"></i></button>
				<!--toggle button end-->
				<!--notification menu end -->
				<div class="clearfix"> </div>
			</div>

			<div class="clearfix"> </div>
            <!--选择项-->
            <div style="position:absolute; top:62px; left:230px; width:auto; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; height:45px; width:100%; z-index:111">
            	<ol class="breadcrumb">
						<li><a href="#">首页</a></li>
						<li><a href="#">施工规范</a></li>
						<li class="active">增加文献</li>
				</ol>
            
            </div>
            <!--选择项-->	
		</div>
		<!-- //header-ends -->
        
		<!-- main content start-->
		<div id="page-wrapper">
			<div class="main-page">
				<div class="elements">
                	<div class="row">
						<h3 class="title1">1</h3>
						<div class="form-three widget-shadow">
                        		<div class="card-header">
                                    <h3 style="padding:0 50px 50px 50px;">文献详情
										<a href="literature.html"><button type="button"  class="pull-right btn btn-primary btn-flat">返回</button></a>
									</h3>
                                </div>
							<form id="uploadPic" enctype="multipart/form-data" class="form-horizontal">
								<div class="form-group">
									<label for="focusedinput" class="col-sm-2 control-label">文献标题：</label>
									<div class="col-sm-3">
										<input type="text" class="form-control1" id="literatureName" placeholder="请输入标题">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">文献图片：</label>
									<div class="col-sm-8" style="height: auto">
										<div class="img-box full">
											<section class=" img-section">
												<div id="lunbo" class="z_photo upimg-div clear">
													<section class="z_file fl">
														<img src="img/a11.png" class="add-img">
														<input type="file" name="file" id="file" class="file" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple />
													</section>
												</div>
											</section>
                                            <img id="maxImage" src="img/a11.png" style="width: 1000px;height: 1000px;">
										</div>
										<aside class="mask works-mask">
											<div class="mask-content">
												<p class="del-p ">您确定要删除作品图片吗？</p>
												<p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
											</div>
										</aside>
									</div>
									<div class="col-sm-5" style="margin-left:270px;">
										<div class="checkbox-inline1 padding-15">支持jpg、rgb、png格式</div>
									</div>
								</div>

								<div class="form-group">
									<label class="col-sm-2 control-label">文献备注：</label>
									<div class="col-sm-9">
										<input type="textarea" class="form-control1" id="literatureDesc" style="width: 88%;height: 100px">
									</div>
								</div>
							</form>
                            <div class="form-group margin-top-20">
							</div>
                            <div id="pic_one" style="display:none;"><img src="images/1.jpg" /></div>
						                            
						</div>
					</div>
					<!---结束-->
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer">
		   <p>敦化市建筑安装有限公司</p>
	   </div>
        <!--//footer-->
	
	<!-- side nav js -->
	<script src='js/SidebarNav.min.js' type='text/javascript'></script>
	<script>
      $('.sidebar-menu').SidebarNav()
    </script>
	<!-- //side nav js -->
	
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!-- //Classie --><!-- //for toggle left push menu script -->
		
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<script src="js/factory/config.js"></script>
	<script src="js/factory/literatureDetails.js"></script>
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
	<!-- Classie --><!-- for toggle left push menu script -->
		<script src="js/classie.js"></script>
		<script type="text/javascript">
			var ue = UE.getEditor("content");
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
    <script src="js/maxImgUp.js"></script>
</body>
</html>